@import "@/style/imports";

html,#app,body,page {
  width: 100%;
  height: 100%;
}
body{
  background-color: white;
}
.page-edit-phone {
  width: 100%;
  height: 100%;
  background: #fff;
  .logo {
    padding-top: 160px;
    text-align: center;
    .img {
      width: 150px;
      height: 150px;
      border-radius: 8px;
    }
    .currentPhone {
      margin-top: 80px;
      font-size: 28px;
      color: #666;
    }
  }
  .form {
    margin-top: 68px;
    margin-bottom: 60px;
    padding: 0 50px;
    .item {
      padding: 24px 0;
      border-bottom: 1px solid #ddd;
      display: flex;
      justify-content: space-between;
      .btn {
        padding: 0;
        margin: 0;
        background: #fff;
        font-size: 28px;
        color:var(--color-primary);
        line-height: normal;
        width:auto;
        &::after {
          display: none;
        }
      }
      .time {
        background: #fff;
        font-size: 28px !important;
        padding: 0 !important;
        color:var(--color-primary)!important;
      }
      input {
        height: 40px;
        flex: 1;
      }
    }
    .tip {
      margin-top: 20px;
      .line {
        color: #999;
        font-size: 22px;
      }
    }
    .submit {
      color: #fff;
      text-align: center;
      height: 80px;
      line-height: 80px;
      border-radius: 40px;
      margin-top: 60px;
    }
  }
}
